.iconfont{
    color: #ffffff;
}

.input-box{
    margin-top: 72px;
    font-size: 24px;
    padding-left: 100px;
    line-height: 50px;
}

.code_img{
    position: absolute;
    top:400px;
    left: 300px;
    width: 100px;
    border-radius:12px;
    background-size:100% 100%;
    float:right;
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    color: #207cff;
    background-color: #f1f1f1;
    border:solid 3px #4dceff
}

.input-box input{
   /* display: flex;*/
    border: none;
    background: none;
    border-bottom: #FFFFFF 2px solid;
    outline: none;
    color: #FFFFFF;
    font-size: 24px;
}

button{
    line-height:30px;
    margin-top: 30px;
    width: 300px;
    height: 50px;
    border-radius:13px ;
    outline: none;
    border: none;
    /*background-image: linear-gradient(120deg, #a6c0fe);*/
    color: #ffffff;
}

button:hover{
    background-image: linear-gradient(to top, #30cfd0 0%, #330867 100%);
}

.roles{
    position: absolute;
    bottom: 15px;
    align-content: center;
    font-size: 28px;
}